<script type="text/javascript" src="/js/jquery.min.js"></script>
<script type="text/javascript" src="/js/highcharts.js"></script>
<script type="text/javascript">
var chart;
$(document).ready(function() {
	chart = new Highcharts.Chart({
		chart: {
			renderTo: 'container',
			defaultSeriesType: 'column',
			margin: [ 50, 50, 100, 80]
		},
		title: {
			text: '被扣分质量控制点频率示意图'
		},
		xAxis: {
			categories: [
				#foreach($ScoreItem in $subItemList)
				 '$!ScoreItem.scoreTree.cateName      $!ScoreItem.itemName',
				#end
			],
			labels: {
				rotation: -45,
				align: 'right',
				style: {
					 font: 'normal 13px Verdana, sans-serif'
				}
			}
		},
		yAxis: {
			min: 0,
			title: {
				text: '被扣次数'
			}
		},
		legend: {
			enabled: false
		},
		tooltip: {
			formatter: function() {
				return '<b>'+ this.x +'</b><br/>'+
					 '被扣次数: '+ Highcharts.numberFormat(this.y, 0);
			}
		},
	        series: [{
			name: '被扣次数',
			data: [
			$decNum

			],
			dataLabels: {
				enabled: true,
				rotation: -90,
				color: '#FFFFFF',
				align: 'right',
				x: -3,
				y: 10,
				formatter: function() {
					return this.y;
				},
				style: {
					font: 'normal 13px Verdana, sans-serif'
				}
			}			
		}]
	});
	
	
});
	
</script>
<table width="90%" style="margin-top:20px;" border="0" align="center" cellpadding="10" cellspacing="0">
	<tr>
		<td>
		<div id="main">
			<h3>项目统计-- 被扣分质量控制点统计示意图</h3>
			<fieldset>
				<table width="100%" border="0" cellpadding="0" cellspacing="0">
					<tr>
						<td width="9%" height="30" align="right"></td>
				    	
					</tr>
					<tr>
                      <td height="30" >
                       <div id="container" style="width: 800px; height: 400px; margin: 0 auto"></div>
                      </td>
					 
				  </tr>
			</table>
			</fieldset>
		</div>
		</td>
	</tr>
</table>